<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <link rel="stylesheet" href="../../javascript/plug-ins/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="../../css/style.css" />
    <script src="../../javascript/jquery.js"></script>
    <script type="text/javascript" src="../../javascript/plug-ins/layui/layui.js"></script>
    <script src="../../javascript/public.js?v=13"></script>
    <script src="../../js/zyrfunction.js?v=0.13"></script>
    <script src="../../js/zyrpublic.js?v=0.122"></script>
    <link rel="stylesheet" href="../../css/zyrcss.css">
    <link rel="stylesheet" href="../../css/orderconfirm.css">
    <link rel="stylesheet" href="../../css/tasp.css">
    <link rel="stylesheet" href="../../css/order.css">
    <script>
        document.write('<script src="js/DetaileOrder.js?v=3' + new Date().getTime() + '"></scr' + 'ipt>');
    </script>
    <style>
        img {
            width: auto;
            height: auto;
        }
    </style>
</head>

<body class="DetaileOrder">

    <div class="page-wrap">

        <section class="page-hd t">
            <header>
                <h5 class="title">
                    <a href="#" class="red">订单详情(<span class="OrderNum"></span>)</a>
                </h5>
            </header>
            <hr>
        </section>

        <div class="panel panel-default">


            <!--订单状态时间线  start--->
            <div class="time_line_box">
                <div class="time_line" style="width:100%;">
                    <ol>
                        <li>
                            <a class="order_item selected" style="left:20%;">待付款</a>
                        </li>
                        <li>
                            <a class="order_item" style="left:30%;">待发货</a>
                        </li>
                        <li>
                            <a class="order_item" style="left:40%;">备货中</a>
                        </li>
                        <li>
                            <a class="order_item" style="left:50%;">待收货</a>
                        </li>
                        <li>
                            <a class="order_item" style="left:60%;">已收货</a>
                        </li>
                        <li>
                            <a class="order_item" style="left:70%;">售后</a>
                        </li>
                        <li>
                            <a class="order_item" style="left:80%;">已取消</a>
                        </li>
                    </ol>
                    <span class="filling_line"></span>
                    <!--                <span class="filling_line" style="transform: scaleX(0.28);"></span>-->
                </div>
            </div>
            <!--订单状态时间线  end--->


            <div class="card">
                <div class="card-header">
                    <ul class="tab-nav">
                        <li id="SelectOrderListi" class="active" onclick="tabNav(this)">订单详情</li>
                        <li id="GoodsDetails" onclick="tabNav(this)">收货和物流详情</li>
                    </ul>
                </div>
                <!---card-header---->

                <div class="tab-cont" style="display: block;">

                    <div class="form-content">
                        买家信息:
                        <form>
                            <table cellspacing="0" cellpadding="0" class="order-table orderInfo" summary="统一下单订单信息区域">
                                <tr>
                                    <td>昵称:xxxx</td>
                                    <td>真实姓名:xxxx</td>
                                </tr>
                                <tr>
                                    <td>所在地区:xxxx</td>
                                    <td>联系电话:xxxx</td>
                                </tr>
                                <tr>
                                    <td>订单类型:xxxx</td>
                                    <td>订单金额:xxxx</td>
                                </tr>
                                <tr>
                                    <td>快递公司:xxxx</td>
                                    <td>快递单号:xxxx</td>
                                </tr>
                            </table>
                            <table cellspacing="0" cellpadding="0" class="order-table ProductDetaileTable" id="tableInfo" summary="统一下单订单信息区域">

                                <thead>
                                    <tr>
                                        <th>店铺宝贝</th>
                                        <th>宝贝属性</th>
                                        <th>状态</th>
                                        <th>单价(元)</th>
                                        <th>数量</th>
                                        <th>优惠</th>
                                        <th>商品总价(元)</th>
                                        <th>运费</th>
                                    </tr>
                                </thead>


                                <tbody>
                                    <tr class="item borders">
                                        <td class="s-title">
                                            <a href="#" class="J_MakePoint">
                                                <img src="http://img03.taobaocdn.com/bao/uploaded/i3/18670026332876589/T1A4icFbNeXXXXXXXX_!!0-item_pic.jpg_60x60.jpg" class="itempic"><span class="title J_MakePoint">ddddddd</span></a>

                                            <div class="props">
                                                <span>套餐: 黑 </span>
                                                <span>数量: 套餐二 </span>
                                            </div>
                                            <a title="消费者保障服务，卖家承诺商品如实描述" href="#" target="_blank">
                                                <img src="http://img03.taobaocdn.com/tps/i3/T1bnR4XEBhXXcQVo..-14-16.png" />
                                            </a>
                                            <div>
                                                <span style="color:gray;">卖家承诺72小时内发货</span>
                                            </div>
                                        </td>
                                        <td class="s-price">
                                            <span class='price '><em class="style-normal-small-black J_ItemPrice">630.00</em> </span>
                                            <input type="hidden" name="costprice" value="630.00" class="J_CostPrice" />
                                        </td>
                                        <td class="s-amount" data-point-url="">
                                            <input type="hidden" class="J_Quantity" value="1" name="19614514619_31175333266_35612993875_quantity" />1
                                        </td>
                                        <td class="s-agio">
                                            <div class="J_Promotion promotion" data-point-url="">无优惠</div>
                                        </td>

                                        <td class="s-total">
                                            <span class='price '><em class="style-normal-bold-red J_ItemTotal ">630.00</em></span>
                                            <input type="hidden" name="furniture_service_list_b_47285539868" />
                                        </td>
                                        <td class="s-total">
                                            <span class='price '><em class="style-normal-bold-red J_ItemTotal ">630.00</em></span>
                                        </td>
                                        <td class="s-total">
                                            <span class='price '><em class="style-normal-bold-red J_ItemTotal ">630.00</em></span>
                                        </td>
                                        <td class="s-total">
                                            <span class='price '><em class="style-normal-bold-red J_ItemTotal ">￥630.00</em></span><br/>
                                            <span class='price '><em class="style-normal-bold-red J_ItemTotal ">(含快递:￥0.00)</em></span><br/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="7"></td>
                                        <td>商品总价:￥996</td>
                                    </tr>
                                    <!--<tr>-->
                                    <!--<td>订单号：xxxx</td>-->
                                    <!--</tr>-->
                                    <!--<tr>-->
                                    <!--<td>下单时间：xxxx</td>-->
                                    <!--</tr>-->
                                    <!--<tr>-->
                                    <!--<td>付款时间：xxxx</td>-->
                                    <!--</tr>-->
                                    <!--<tr>-->
                                    <!--<td>成交时间：xxxx</td>-->
                                    <!--</tr>-->
                                </tbody>

                            </table>


                            <div class="flex flex-wrap flex-col-3">

                                <div class="form-group-col-2">
                                    <div class="form-label"></div>
                                    <div class="form-cont">
                                        <input type="button" onclick="UpdateOrderEntity()" value="发货" style="display: none;" class="btn btn-info sendExpress" />&nbsp;&nbsp;
                                        <input type="button" onclick="updateRemark();" value="我要修改" class="btn btn-info" />
                                        <input type="button" onclick="re()" value="返回" class="btn btn-danger" />
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!--form-content--->

                </div>
                <!--tab-cont---->
                <div class="tab-cont">
                    <table id='goods_detail' class="table table-bordered text-center">
                        <thead>
                            <tr>
                                <td>收货地址:</td>
                                <td>xxxxx</td>
                            </tr>
                            <tr>
                                <td>运送方式:</td>
                                <td>xxxxx</td>
                            </tr>
                            <tr>
                                <td>物流公司名称:</td>
                                <td>xxxxx</td>
                            </tr>
                            <tr>
                                <td>运单号:</td>
                                <td>xxxxx</td>
                            </tr>
                            <tr>
                                <td colspan="2" class="text-success OpenOrClose">物流运送详情</td>
                            </tr>
                        </thead>
                        <tbody class="LogisticsInfo" style="display: none">
                            <tr>
                                <td colspan="2">
                                    <ul class="layui-timeline" style="width: 50%;margin: 0 auto">
                                        <li>
                                            暂无数据
                                        </li>
                                    </ul>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div id="page" style="text-align: center"></div>
                    <!--分页---->

                </div>
                <!--tab-cont---->

            </div>
            <!--card--->


        </div>
        <!---panel--->

    </div>
    <!---page-wrap------>


</body>

</html>